<template>
	<view class="box-bg">
		<uni-nav-bar shadow left-icon="left" :border='false' :shadow='false' @clickLeft="goBack" />
	</view>
	<view class="container">

		<view class="title">重设密码</view>
		<view class="subtitle">
			请输入 136****5678 收到的短信验证码，以完成安全验证~
		</view>
		<view class="form-item">

			<uni-easyinput :inputBorder="false" placeholder="请输入验证码"></uni-easyinput>
			<button class="codeBtn">获取验证码</button>
		</view>
		<button class="nextBtn" @click="goNew">下一步</button>
	</view>
</template>

<script setup>
	function goNew() {
		uni.navigateTo({
			url: "/pagesA/login/newPwd"
		})
	}
	const goBack = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style>
	.container {
		padding: 20px;
	}

	.title {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.subtitle {
		font-size: 14px;
		color: #888;
		margin-bottom: 20px;
	}

	.form-item {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		padding-bottom: 15rpx;
	}



	.codeBtn {
		margin-left: 10px;
		border: none;
		background-color: white;
		border-radius: 5px;
	}

	.nextBtn {
		width: 100%;
		background: linear-gradient(90deg, rgba(52, 120, 246, 1) 0%, rgba(2, 167, 240, 1) 99%);
		color: #fff;
		border: none;
		border-radius: 5px;
		margin-top: 20px;
	}
</style>